epub reader
gnome
gnomeのバグで翻訳のダイアログが閉じなかったりする
browser
VSCodeみたいなUI
スクロールの挙動が微妙
ブラウザベースならGoogle翻訳とかextensionが使えていいじゃんと思ったけど、選択メニューが上書きされていていた…
UIがオシャレ
テキスト選択ができない
ぼくが考えたさいきょうのブラウザベースepub readerを作りたくなってきた
構想
ファイルパスvsブラウザストレージ
Pathの場合はファイルが重複しなくてよいが、ファイルを移動させてしまうとインポートし直し
ブラウザストレージか…?
PWA
デスクトップから呼び出したい
カラースキーム
Syntax highlightが維持できるかどうか
モニター設定によってはグレーとかネイビー背景が読みやすかったりするのであると便利
モバイル
ネイティブアプリがたくさんあるし対応しなくていいか…
ブラウザextensionsが仕様できる感じに
ハイライトとかといい感じに統合できるといい
クラウドストレージ
Google Driveとか使えると便利
設定
グローバルと本ごとの設定があって、優先度は本>グローバル。
設定値は削除可能
Annotation
ハイライト機能はepub.jsに組み込まれているので、ポップアップメニューだけ自前で作る必要がある
色
Tailwindと組み合わせたい
epub本に含まれるCSSによっては、白背景を前提とした色使いをしているため、アプリ側で指定したフォント色とミスマッチする可能性がある👇️
https://scrapbox.io/files/66d08d73780743001cec185a.png
解決方法としては、主要なelementsに背景色を!importantで指定する。
code:ts
this.epub.rendition.themes.default({
'p, div, span': {
background: "tranparent !important",
}
});
https://scrapbox.io/files/66d08f00d9dfea001d8ad173.png
本によっては見づらくなるかもしれないので、アプリ側で本のCSSを上書きするかどうかオプションになっているとよさそう。
Foliateにはこのオプションがある